<template>
    <div>
        <el-row :gutter="20">
            <el-col :span="8">
                {{filterConfig.label}}:<el-input :placeholder="filterConfig.placeHolder" size='mini' v-model='filterword'></el-input>
            </el-col>
            <el-col v-for="item in filterConfig.buttons" :key='item.label' :span="2">
                <el-button @click="item.func" type="primary" size="large">{{item.label}}</el-button>
            </el-col>
        </el-row>  
    </div>
</template>
<script>
export default {
    data(){
        return{  
            label:'',  
            placeHolder:'',
            buttons:[],
            filterword:''
        }
    },
    props:['filterConfig'],
}
</script>
<style lang="scss" scoped>
.el-col {
    vertical-align: middle;
}
    .el-input{
        width: 80%;
    }

</style>